﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="top10.aspx.cs"
Inherits="WebSite.ManagerSystem.top10" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台系统</title>
<link href="styles/layout2.css" rel="stylesheet" type="text/css" />
<link href="styles/wysiwyg.css" rel="stylesheet" type="text/css" />
<link href="themes/blue/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<form id="form1" runat="server">
		<br /> 您所在位置：数据统计>>Top10省份分布
		<!-- Graphs Box Start -->
		<div class="contentcontainer" id="graphs">
			<div class="headings alt">
				<h2 class="left">Top10省份分布</h2>
				<ul class="smltabs">
					<li><a href="#graphs-1">Bar chart</a></li>
					<li><a href="#graphs-2">Pie chart</a></li>

				</ul>
			</div>
			<div class="contentbox" id="graphs-1">
				<table align="center">
					<tr>
						<td width="150"><strong>北京：</strong></td>
						<td width="500">
							<div class="usagebox">
								<div class="highbar" style="width: 85%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>上海：</strong></td>
						<td>
							<div class="usagebox">
								<div class="midbar" style="width: 75%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>天津：</strong></td>
						<td>
							<div class="usagebox">
								<div class="lowbar" style="width: 62%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>武汉：</strong></td>
						<td>
							<div class="usagebox">
								<div class="blue" style="width: 54%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>重庆：</strong></td>
						<td>
							<div class="usagebox">
								<div class="red" style="width: 50%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>河北：</strong></td>
						<td>
							<div class="usagebox">
								<div class="orange" style="width: 40%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>广东：</strong></td>
						<td>
							<div class="usagebox">
								<div class="green" style="width: 35%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>安徽：</strong></td>
						<td>
							<div class="usagebox">
								<div class="black" style="width: 33%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>山西：</strong></td>
						<td>
							<div class="usagebox">
								<div class="dark" style="width: 31%;"></div>
							</div>
						</td>
					</tr>
					<tr>
						<td><strong>广西：</strong></td>
						<td>
							<div class="usagebox">
								<div class="grep" style="width: 20%;"></div>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<div class="contentbox" id="graphs-2">
				<br />
				<br />
				<br />
				<table style="display: none;" class="pie">
					<caption>Top10省份分布</caption>
					<thead>
						<tr>
							<td></td>
							<th scope="col">北京</th>
							<th scope="col">上海</th>
							<th scope="col">天津</th>
							<th scope="col">武汉</th>
							<th scope="col">重庆</th>
							<th scope="col">河北</th>
							<th scope="col">广东</th>
							<th scope="col">安徽</th>
							<th scope="col">山西</th>
							<th scope="col">广西</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th scope="row">北京</th>
							<td>425</td>
						</tr>
						<tr>
							<th scope="row">上海</th>
							<td>375</td>
						</tr>
						<tr>
							<th scope="row">天津</th>
							<td>350</td>
						</tr>
						<tr>
							<th scope="row">武汉</th>
							<td>320</td>
						</tr>
						<tr>
							<th scope="row">重庆</th>
							<td>290</td>
						</tr>
						<tr>
							<th scope="row">河北</th>
							<td>278/td>
						</tr>
						<tr>
							<th scope="row">广东</th>
							<td>245</td>

						</tr>
						<tr>
							<th scope="row">安徽</th>
							<td>210</td>
						</tr>
						<tr>
							<th scope="row">山西</th>
							<td>167</td>
						</tr>
						<tr>
							<th scope="row">广西</th>
							<td>149</td>
						</tr>
					</tbody>
				</table>
				<br /> <br /> <br />
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">&copy; Copyright 2013 飞翔的鸵鸟</div>
		</div>
		<script type='text/javascript' src='scripts/jquery.min.js'></script>
		<script type='text/javascript' src='scripts/jquery-ui.min.js'></script>
		<script type='text/javascript' src='scripts/visualize.jQuery.js'></script>
		<script type="text/javascript" src='scripts/functions.js'></script>
	</form>
</body>
</html>
